<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh">
<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>导航栏</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/styles.css">
    <style>
        body {
            height: 100vh;
            margin: 0;
            padding: 0;
        }
        
        .sidebar {
            height: 100%;
        }

        /* 添加用户角色标识样式 */
        .user-role {
            padding: 15px 20px;
            border-bottom: 1px solid #eee;
            color: #666;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <nav class="sidebar">
        <div class="user-role">员工：张三</div>
        <ul class="nav-menu">
            <li class="nav-item active">
                <a href="employee/dashboard.jsp" target="mainContent">控制面板</a>
            </li>
            <li class="nav-item">
                <a href="employee/addUser(1).jsp" target="mainContent">用车申请</a>
            </li>
            <li class="nav-item">
                <a href="employee/zhuangkuang.jsp" target="mainContent">车辆状况填报</a>
            </li>
            <li class="nav-item">
                <a href="/javaWeb24_12_war_exploded/addsgjlServlet" target="mainContent">事故填报</a>
            </li>
            <li class="nav-item">
                <a href="employee/return-vehicle.jsp" target="mainContent">还车登记</a>
            </li>
            <li class="nav-item">
                <a href="employee/my-records.jsp" target="mainContent">我的用车记录</a>
            </li>
        </ul>
    </nav>
</body>
</html> 